.sidenav{ display:none; background:#222; box-shadow:2px 2px 6px rgba(0,0,0,.3); width:256px; height:100%; left:0; top:0; position:fixed; overflow:auto; transform:translate(-262px,0); transition:transform .3s; z-index:9999;}
@media screen and (max-width:768px) { 
.sidenav{ display:block;}}
.sidenav.show{ transform:translate(0,0)}
.sidenav-brand{ background:#222; color:#FFF; font-size:1rem; line-height:50px; padding-top:10px; padding-left:25px;}
.sidenav-brand span{ display:block; width:10px; height:2px; background-color:#888;}
.sidenav-menu{ list-style:none; padding:20px 0px 0px;}
.sidenav-menu li{ display:block; position:relative;}
.sidenav-menu a{ color:#AEAEAE; display:block; line-height:24px; padding:10px 25px; text-decoration:none; font-size:1rem;}
.sidenav-menu a:hover{ background:#333;}
.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon{ color:#FAFAFA;}
.sidenav-dropdown-icon,.sidenav-link-icon{ color:#757575; position:absolute; text-align:center; top:10px;}
.sidenav-link-icon{ display:block; height:24px; left:24px; width:24px;}
.sidenav-link-title{ display:block; padding:0 16px 0 0;}
.sidenav-dropdown{ display:none; list-style:none; padding:0;}
.sidenav-dropdown a{ background:#191919;}
.sidenav-dropdown a:hover{ background:#616161;}
.sidenav-dropdown li:first-child a{ box-shadow:inset 0 1px 1px rgba(0,0,0,.1);}
.sidenav-dropdown-icon{ display:none; height:16px; right:16px; width:16px;}
.sidenav-dropdown-icon.show{ display:block;}
.sidenav-overlay{ background:rgba(255,255,255,.8); display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:99;}
.sidenav-no-scroll{ overflow:hidden!important;}
.mb-tb{ padding-left:25px;}
.mb-tb a{ display:block; float:left; margin-right:8px;}